<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>人员管理</title>
    <link href="../lib/layui/css/layui.css" rel="stylesheet" type="text/css" media="screen" />
    <script  src="../lib/jquery-3.3.1.min.js" type="text/javascript" ></script>
    <script  src="../lib/layui/layui.js" type="text/javascript" ></script>
    <script  src="../lib/xm-select.js" type="text/javascript" ></script>
    <script src="../js/cdzxkacs/userMgr.js" type="text/javascript" ></script>
    <script type="text/html" id="barOperate">
        <a class="layui-btn layui-btn-warm layui-btn-xs" lay-event="edit">编辑</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">删除</a>
    </script>
</head>
<style>
    .layui-form-select dl {
        max-height: 160px;
    }
    .layui-form-label2 {
        float: left;
        display: block;
        padding: 9px 15px;
    }
</style>
<body class="layui-layout-body" style="background-color:white;padding: 10px">
<div id="uploadDiv" style="display: none">
    <form class="layui-form"  id="resource_form" style="margin-top:1%">
        <input style="display: none" id="id" name="id">
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">姓名:</label>
                <div class="layui-input-inline">
<!--                    <input class="layui-input" lay-verify="required" name="name" id="name"/>-->
                    <select lay-verify="required" lay-filter="userName" name="nameId" id="name" lay-search="">
                    </select>
                </div>
                <label class="layui-form-label">手机号:</label>
                <div class="layui-input-inline">
                    <input class="layui-input" lay-verify="required|phone" lay-filter="phone" name="phone" id="phone"/>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">证件类型:</label>
                <div class="layui-input-inline">
                    <select lay-verify="required" name="certificateType" id="certificateType">
                        <option value="">请选择</option>
                        <option value="0">身份证</option>
                        <option value="1">IC卡</option>
                        <option value="99">其他</option>
                    </select>
                </div>
                <label class="layui-form-label">证件号码:</label>
                <div class="layui-input-inline">
                    <input class="layui-input" name="certificateNum" id="certificateNum" autocomplete="off" lay-verify="required"/>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">人员类型:</label>
                <div class="layui-input-inline">
                    <select lay-verify="required" lay-filter="personType"  name="personType" id="personType">
                        <option value="">请选择</option>
                        <option value="11">业主</option>
                        <option value="12">家庭成员</option>
                        <option value="13">租客</option>
                        <option value="19">其他</option>
                    </select>
                </div>
                <label class="layui-form-label">人员编号:</label>
                <div class="layui-input-inline">
                    <input class="layui-input" readonly name="personCode" id="personCode" autocomplete="off" />
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">人脸信息</label>
                <div class="layui-upload" style="margin-left: 110px;">
                    <input type="hidden" name="faceData"  id="userFaceInfo"/>
                    <input type="hidden" name="faceId"  id="faceId"/>
                    <div class="layui-input-inline" >
                        <button type="button" class="layui-btn" id="uploadBtn" name="uploadBtn">上传人脸</button>
                        <p id="demoText2" class="mt10" ></p>
                    </div>
                    <div class="layui-upload-list">
                        <img class="layui-upload-img" alt="" style="width: 92px;height: 92px;margin: 0 10px 10px 0;  " id="demo1">
                    </div>

                </div>
            </div>
            <input type="file" name="file" style="display:none" class="layui-btn" id="uploadImg">
            <label class="layui-form-label">备注:</label>
            <div class="layui-input-inline">
                <textarea class="layui-textarea" name="mark" id="mark" ></textarea>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">时间模板:</label>
                <div class="layui-input-inline">
                    <div id="timeTemplate" class="xm-select-demo"></div>
                </div>

            </div>
        </div>
        <div class='layui-input-block' >
            <button class="layui-btn" id="upload_form" lay-submit="" lay-filter="upload_form">提交</button>
            <button class="layui-btn"  id="cancel_form">取消</button>
        </div>
    </form>
</div>

<div class="layui-tab-brief" lay-filter="docDemoTabBrief">
    <div>
        <div class="layui-inline" style="margin-bottom: 10px;z-index: 2">
            <form class="layui-form">
                <div class="layui-input-inline">
                    <select name="communityId" id="communityId" lay-filter="communityId" >
                    </select>
                </div>
            </form>
        </div>
        <div class="layui-row">
            <div class="layui-col-xs2 floor-group" style="overflow:scroll;height: 540px;box-shadow: 0px 0px 5px #888888;">
            </div>
            <div class="layui-col-xs10">
                <fieldset class="layui-elem-field site-demo-button" >

                    <div style="margin-top:10px; height: 45px">
                        <form class="layui-form">
                            <div class="layui-form-item">
                                <div class="layui-inline">
                                    <span class="layui-form-label2">手机号:</span>
                                    <div class="layui-input-inline">
                                        <input class="layui-input" id="searcheKey" autocomplete="off"
                                               placeholder="请输入手机号">
                                    </div>
                                    <span class="layui-form-label2">姓名:</span>
                                    <div class="layui-input-inline">
                                        <input class="layui-input" id="searcheName" autocomplete="off"
                                               placeholder="请输入姓名">
                                    </div>
                                    <button class="layui-btn" lay-submit="" lay-filter="query_user" >查询</button>
                                    <button class="layui-btn" type="button" onclick="addUser()">添加</button>
                                    <button class="layui-btn"  type="button" onclick="reload()">重置</button>
                                    <button class="layui-btn layui-btn-normal" type="button" id="updateData">人员批量下发</button>
                                </div>

                            </div>
                        </form>
                    </div>
                </fieldset>

                <div class="layui-tab-item layui-show" style="margin-left: 10px">
                    <table class="layui-hide" id="userTable" lay-filter="userTable" style="width: 100%;"></table>
                </div>

            </div>

        </div>

    </div>
</div>

</body>
<div style="display: none" id="addUserBatchDiv" >
    <form class="layui-form" style="margin: 10px">
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">时间模板:</label>
                <div class="layui-input-inline">
                    <div id="timeTemplate2" class="xm-select-demo"></div>
                </div>
            </div>
        </div>
        <div class="layui-input-inline" style="padding-left: 35px">
            <button class="layui-btn" id="addUserBatch" lay-submit="" lay-filter="updateData">提交</button>
            <button class="layui-btn" id="cancelUserBatch" type="button" >取消</button>
        </div>
    </form>
</div>

</html>